<template>
  <div>
    <div style="margin-bottom: 5px;">非响应式: {{ a }}</div>
    <input type="text" v-model="a" />
    <div style="margin-top: 20px;margin-bottom: 5px;">响应式: {{ b }}</div>
    <input type="text" v-model="b" />
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
// 非响应式
const a: string = "hello";
// 响应式 ref reactive
const b = ref("hello");
</script>
